<template>
  <mx-link
    :to="`${NEWS_PAGE_PATH_MAP[obj.news_type]}/${obj.news_id}`"
    class="click cursor-pointer news-title"
  >
    <p class="ov-2">
      {{ obj.title }}
    </p>
  </mx-link>
</template>

<script>
import { NEWS_PAGE_PATH_MAP } from '@/constants/index.js';

export default {
  props: {
    obj: {
      type: Object,
      default: () => {}
    }
  },

  data() {
    return {
      NEWS_PAGE_PATH_MAP
    };
  }
};
</script>

<style lang="scss" scoped>
.news-title {
  width: 356px;
  height: 68px;
  padding: 12px 16px;
  font-size: 15px;
  color: #0c0c1c;
  letter-spacing: 0;
  line-height: 22px;
}
</style>
